/**
 * 基于axios封装网络请求
 */
import theAxios from 'axios'
import router from '@/router'
import { Notify } from 'vant'
import { getToken, removeToken } from './token'

/**
 * 创建axios实例对象
 */
const axios = theAxios.create({
  baseURL: 'http://geek.itheima.net/', // 请求基地址,如果请求的路径是相对路径会自动拼接基地址
  timeout: 20000 // 20秒超时时间（请求20秒无响应直接判定超时）
})

/**
 * 添加请求拦截器
 */
axios.interceptors.request.use(function (config) {
  // 统一携带token
  // 判断本地有token再携带
  // ?.可选链操作符，如果前面对象没有length，原地返回undefined
  if (getToken()?.length > 0 && config.headers.Authorization === undefined) {
    config.headers.Authorization = `Bearer ${getToken()}`
  }
  return config
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error)
})

// 添加响应拦截器
axios.interceptors.response.use(function (response) {
  // 2xx 范围内的状态码都会触发该函数。
  return response
}, function (error) {
  // 超出 2xx 范围的状态码都会触发该函数。
  // 只有响应状态码为401的时候才表示身份过期，跳转登录
  if (error.response?.status === 401) {
    // 不能直接使用this.$router，需要导入router对象
    Notify({ type: 'warning', message: '身份已过期' })
    removeToken()
    router.replace('/login')
  }
  return Promise.reject(error)
})

/**
 * 向外导出axios请求方法
 */
export default ({ url, method = 'GET', params = {}, data = {}, headers = {} }) => {
  return axios({
    url,
    method,
    params,
    data,
    headers
  })
}
